<!--
 * @FilePath     : /study_code/html/map2.html
 * @Description  : map 映射区域，示例2
 * @Date         : 2025-04-26 15:06:53
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-26 15:06:56
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="" />
  </head>
  <body>
    <!--
    单击左侧鹦鹉访问 JS 页面，单击右侧鹦鹉访问 CSS 页面。
    -->

    <!-- 图片由 Unsplash 上的 Juliana e Mariana Amorim 创作  -->
    <map name="primary">
      <area
        shape="circle"
        coords="75,75,75"
        href="https://developer.mozilla.org/docs/Web/JavaScript"
        target="_blank"
        alt="JavaScript"
      />
      <area
        shape="circle"
        coords="275,75,75"
        href="https://developer.mozilla.org/docs/Web/CSS"
        target="_blank"
        alt="CSS"
      />
    </map>
    <img
      usemap="#primary"
      src="./images/parrots.jpg"
      alt="两只鹦鹉的照片，大小为 350 x 150"
    />

    <script></script>
  </body>
</html>
